/**
 * Created by graysoft on 2017/2/22.
 */
import React,{Component} from "react";

export default class Header extends Component{
    constructor(props){
        super(props)
    }
    render(){
        return (
            <header id="description">
                <section className="left_part">
                    <figure id="logo"></figure>
                    <div id="menu">
                        <div id="home"  className="category_title">
                            <span>总揽</span>
                        </div>
                        <div id="category">
                            <div className="category_title">
                                <span>产品</span>
                                <span className="icon">&#x2228;</span>
                            </div>
                            <section id="sub_menu">
                                <dl className="product_list">
                                    <dt className="product_title">
                                        <em>云计算与网络</em>
                                    </dt>
                                    <dd>
                                        <a className="product_link_item" href="#">
                                            <i className="icon">&#x263a;</i>
                                            <span>云服务器</span>
                                        </a>
                                    </dd>
                                    <dd>
                                        <a className="product_link_item" href="#">
                                            <i className="icon">&#x263a;</i>
                                            <span>云服务器</span>
                                        </a>
                                    </dd>
                                    <dd>
                                        <a className="product_link_item" href="#">
                                            <i className="icon">&#x263a;</i>
                                            <span>云服务器</span>
                                        </a>
                                    </dd>
                                </dl>
                                <dl className="product_list">
                                    <dt className="product_title">
                                        <em>云计算与网络</em>
                                    </dt>
                                    <dd>
                                        <a className="product_link_item" href="#">
                                            <i className="icon">&#x263a;</i>
                                            <span>云服务器</span>
                                        </a>
                                    </dd>
                                    <dd>
                                        <a className="product_link_item" href="#">
                                            <i className="icon">&#x263a;</i>
                                            <span>云服务器</span>
                                        </a>
                                    </dd>
                                    <dd>
                                        <a className="product_link_item" href="#">
                                            <i className="icon">&#x263a;</i>
                                            <span>云服务器</span>
                                        </a>
                                    </dd>
                                </dl>
                                <dl className="product_list">
                                    <dt className="product_title">
                                        <em>云计算与网络</em>
                                    </dt>
                                    <dd>
                                        <a className="product_link_item" href="#">
                                            <i className="icon">&#x263a;</i>
                                            <span>云服务器</span>
                                        </a>
                                    </dd>
                                    <dd>
                                        <a className="product_link_item" href="#">
                                            <i className="icon">&#x263a;</i>
                                            <span>云服务器</span>
                                        </a>
                                    </dd>
                                    <dd>
                                        <a className="product_link_item" href="#">
                                            <i className="icon">&#x263a;</i>
                                            <span>云服务器</span>
                                        </a>
                                    </dd>
                                </dl>
                                <dl className="product_list">
                                    <dt className="product_title">
                                        <em>云计算与网络</em>
                                    </dt>
                                    <dd>
                                        <a className="product_link_item" href="#">
                                            <i className="icon">&#x263a;</i>
                                            <span>云服务器</span>
                                        </a>
                                    </dd>
                                    <dd>
                                        <a className="product_link_item" href="#">
                                            <i className="icon">&#x263a;</i>
                                            <span>云服务器</span>
                                        </a>
                                    </dd>
                                    <dd>
                                        <a className="product_link_item" href="#">
                                            <i className="icon">&#x263a;</i>
                                            <span>云服务器</span>
                                        </a>
                                    </dd>
                                </dl>
                            </section>
                        </div>
                    </div>
                </section>
                <section className="right_part">
                    <span>个人</span>
                    <span>修改密码</span>
                    <span>退出</span>
                </section>
            </header>
        )
    }
}